<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>二维码首页</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/test.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style> div:not(.header) { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; }  .hidden { opacity: 0 }  .pronumber, .qrnumber, .ordernumber { width: 200px; height: 140px; padding: 40px 10px; }  .ordernumber { width: 500px; margin: 0 10px; }  .page-container { padding: 15px 39px 0px 19px; }  .pronumber .number .countdata, .qrnumber .number .countdata, .ordernumber .number .countdata { font-size: 30px; word-break: break-all; }  .pronumber table, .qrnumber table, .ordernumber table { width: 100%; }  .units { font-size: 16px; }  .pronumber table td, .qrnumber table td, .ordernumber table td { height: 60px; vertical-align: middle; }  table td.numberIconTd { /*width: 43px;*/ }  .pronumber p, .pronumber span, .qrnumber p, .qrnumber span, .ordernumber p, .ordernumber span { color: #fff; }  .numberIcon { width: 43px; height: 65px; background: url(images/Index/numberIcon.png) no-repeat; background-position: -60px 11px; display: inline-block; vertical-align: middle; }  .more:hover { text-decoration: underline; }  .ordernumber .numberIcon { background-position: -207px 11px; margin-left: 27px; }  .qrnumber .numberIcon { background-position: -341px 11px; margin-left: 16px; margin-right: 15px; }  .container_title { margin-top: 20px; }  .container_title .title { border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; padding-left: 10px; background: #eee; }  .planorderPro { width: 63px; height: 63px; border: 1px solid #ddd; }  .planOrderList ul { padding: 10px 3px; margin-top: -20px; width: 100%; }  .planOrderList ul li { width: 442px; height: 121px; margin-top: 20px; float: left; border: 1px solid #ddd; padding-left: 10px; padding-top: 6px; padding-right: 10px; margin-left: 7px; margin-right: 7px; }  .planOrderList ul li table { margin-top: 20px; }  .planOrderList ul li table td { vertical-align: bottom; position: relative; }  .newestIcon { background: url(images/newest.png) no-repeat; width: 28px; height: 14px; display: inline-block; position: absolute; right: 0px; top: -7px; }  .planOrderList ul li span, .planOrderList ul li p { color: #999; }  .planOrderList ul li p.darkgrey { color: #666; }  .planOrderList ul li span.colorblue { color: #17a3d7; }  .planOrderList ul li table td img { margin-right: 12px; } </style>
	</head>

	<body>
		<div class="header">
			<div class="line">
				<div class="prevline"></div>
			</div>
			<div class="headernav">
				<table class="">
					<tbody>
						<tr>
							<td style="width: 145px"> <img src="images/logo.png" class="logo"> </td>
							<td>
								<!--退出-->
								<div class="">
									<table class="headerTable">
										<tbody>
											<tr>
												<td> <img src="images/touxiang.png" class="touxiang"> </td>
												<td style="padding:0 10px;">
													<p> Guzilong</p>
													<!--<p class="noticenumber">12</p>-->
												</td>
												<td>
													<!--<span class="border-radius inline-block" style="padding:0 3px;height:13px;background:#ff5027;font-size:12px;color:#fff; line-height:13px;vertical-align:1px;">14</span>--><i class="icon icon_email"></i> </td>
												<td style="padding-left:20px;">
													<a href="javascript:;" onclick="direct('logout')">【退出】</a>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!--9.2 加入系统公告模块-->
		<div class="systemNotice minwidth border">
			<table class="tableNotice minwidth" style="line-height: 60px;">
				<tr>
					<th class="th1">
						<i class="icon icon_notice2"></i>
						<span>系统公告</span>
					</th>
					<th class="th2">
						<ul class="ulNotice">
							<li>
								<span class="circle"></span>
								<a href="#">重大喜讯，吃葡萄不用吐葡萄皮！
									<img src="images/home/newest.png" /> </a>
							</li>
							<li><span class="circle"></span>
								<a href="#">未来势2.0全新上线，海量H5任你挑选！</a>
							</li>
						</ul>
					</th>
					<th class="th3">
						<a href="#" style="color:#666;" class="more">
							<span style="font-size: 12px;">查看更多 > </span>
							<!--<i class="icon icon_arrow"></i>-->
						</a>
					</th>
				</tr>
			</table>
		</div>
		<!--结束-->

		<div class="page-wrapper productlist minwidth border">
			<div class="line"></div>
			<script src="js/tpl/baocaoMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="page-content">
				<div class="page-container">
					<div class="dataNumberContent page-wrapper">
						<table class="tableNum">
							<tr>
								<th class="th1">
									<img src="images/touxiang.png" class="touxiang" />
									<br />
									<p>您好，Guzilong！</p>
								</th>
								<th class="th2">
									<p>企业名称：<span>深圳在乎传媒酒业</span></p>
									<p>手机号码：<span>18956826596</span></p>
									<p>企业类型：<span>酒厂企业</span></p>
								</th>
								<th class="th3">
									<img src="images/number.png" />
								</th>
								<th class="th4">
									<p class="number"><span class="countdata ">164</span><span class="units"></span></p>
									<p class="tablep">计划单数</p>
								</th>
								<th class="th5">
									<p class="number"><span class="countdata ">6320000</span><span class="units"></span></p>
									<p class="tablep">计划单码数</p>
								</th>
								<th class="th6">
									<p class="number"><span class="countdata ">1250000</span><span class="units"></span></p>
									<p class="tablep">二维码仓库码数</p>
								</th>
							</tr>
						</table>
					</div>
					<!--结束-->
					<div class="container_title border">
						<p class="title">计划单数量统计</p>
						<div class="charts">
							<div id="main" style="width:100%;height:240px;"></div>
						</div>
					</div>

					<div class="container_title border planOrderList over-hidden" style="margin-bottom:80px;">
						<p class="title">生产计划单 
							<a href="#" target="_blank" style="color:#666;" class="more fr">
							<span style="margin-right:20px;height: 40px;">查看更多 > 
						    <!--<i class="icon icon_arrow2" style="height: 40px;"></i>-->
						     </span></a> 
						</p>
						<div class="clearfix"></div>

						<!--这里是有计划单-->
						<ul class="over-hidden ">
							<li>
								<p class="darkgrey">计划单 <span class="fr">计划完成时间：2016-07-13</span></p>
								<div>
									<table class="tableroduct">
										<tr>
											<td><img src="images/product/product2.png" class="planorderPro" /> </td>
											<td style="width:235px">
												<p class="text-ellipsis" style="margin-top:9px;line-height: 28px;">
													<span style="margin-right:20px;">产品名称：棒子酒</span>
													<br />
													<span style="margin-right:20px;">计划单名称：<span class="colorblue">新春特惠酬宾计划快快快快快快快快快快快快快</span></span>
												</p>
											</td>
											<td align="left">
												<p style="margin-top:9px;line-height: 28px;">
													<span>数量：17500</span>
													<br />
													<span>状态：已关闭</span>
												</p>
											</td>
										</tr>
									</table>
								</div>
							</li>
							<li>
								<p class="darkgrey">计划单 <span class="fr">计划完成时间：2016-07-13</span></p>
								<div>
									<table class="tableroduct">
										<tr>
											<td><img src="images/product/product2.png" class="planorderPro" /> </td>
											<td style="width:235px">
												<p class="text-ellipsis" style="margin-top:9px;line-height: 28px;">
													<span style="margin-right:20px;">产品名称：棒子酒</span>
													<br />
													<span style="margin-right:20px;">计划单名称：<span class="colorblue">新春特惠酬宾计划</span></span>
												</p>
											</td>
											<td align="left">
												<p style="margin-top:9px;line-height: 28px;">
													<span>数量：17500</span>
													<br />
													<span>状态：已关闭</span>
												</p>
											</td>
										</tr>
									</table>
								</div>
							</li>
							<li>
								<p class="darkgrey">计划单 <span class="fr">计划完成时间：2016-07-13</span></p>
								<div>
									<table class="tableroduct text-ellipsis">
										<tr>
											<td><img src="images/product/product2.png" class="planorderPro" /> </td>
											<td style="width:235px">
												<p class="text-ellipsis" style="margin-top:9px;line-height: 28px;" class="">
													<span style="margin-right:20px;">产品名称：棒子酒</span>
													<br />
													<span style="margin-right:20px;">计划单名称：<span class="colorblue">新春特惠酬宾计划</span></span>
												</p>
											</td>
											<td align="left">
												<p style="margin-top:9px;line-height: 28px;">
													<span>数量：17500</span>
													<br />
													<span>状态：已关闭</span>
												</p>
											</td>
										</tr>
									</table>
								</div>
							</li>
							<li>
								<p class="darkgrey">计划单 <span class="fr">计划完成时间：2016-07-13</span></p>
								<div>
									<table class="tableroduct">
										<tr>
											<td><img src="images/product/product2.png" class="planorderPro" /> </td>
											<td style="width:235px">
												<p class="text-ellipsis" style="margin-top:9px;line-height: 28px;">
													<span style="margin-right:20px;">产品名称：棒子酒</span>
													<br />
													<span style="margin-right:20px;">计划单名称：<span class="colorblue">新春特惠酬宾计划</span></span>
												</p>
											</td>
											<td align="left">
												<p style="margin-top:9px;line-height: 28px;">
													<span>数量：17500</span>
													<br />
													<span>状态：已关闭</span>
												</p>
											</td>
										</tr>
									</table>
								</div>
							</li>
						</ul>
						<!--这里是无计划单-->
						<div class="noOrderPlan none" style="height:300px; text-align: center; line-height: 300px;">
							<img src="images/Index/noorderPlan.png" />
						</div>

					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/echart/echarts.common.min.js" type="text/javascript"></script>
	<script src="js/echart/echartOperate.js" type="text/javascript"></script>

	<script>
	
	
		//计算统计数量单位
		function count() {
			$('.number .countdata').each(function() {
				var _self = this;
				var number = $(_self).html();
				var len = number.length;
				var intNum = parseInt(number);

				if(len > 4 && len < 9) {
					intNum = (intNum / 10000).toFixed(1);
					$(_self).next('.units').html('万');
				} else if(len >= 9) {
					intNum = (intNum / 100000000).toFixed(1);
					$(_self).next('.units').html('亿');
				}
				console.log(intNum);
				$(_self).html(intNum);
				$('.dataNumberContent').removeClass('hidden');
			})
		}
		$(function() {
			count();
			//柱状图
			var timearr = ['06.23-06.30', '07.01-07.08', '12.09-17.16', '07.17-07.23', '07.24-07.31', '08.01-08.08', '08.09-08.16', '08.17-08.24', '08.17-08.24', '18.17-15.24'];
			var dataarr = [120, 132, 101, 134, 90, 230, 210, 120, 210, 120];
			createBarChart("main", dataarr, "fdsfd", timearr);

		});
	</script>

</html>
